<script setup>
import { ref } from 'vue'
import { useRouter } from 'vue-router'
import { showDialog } from 'vant'
import leftbar from '@/components/leftbar.vue'

// defineProps<{ msg: string }>()

const active = ref(0)
// const username = ref('')
// const password = ref('')
// ruoter
const router = useRouter()

onMounted(() => {})
</script>

<template>
  <leftbar title="市场统计" left="true"> </leftbar>
  <!-- page -->
  <div class="content">
    <div class="each">
      <span class="f-s"><span class="yuan"></span><span>初始预付款</span></span
      ><span>10-000</span>
    </div>
    <div class="each">
      <span class="f-s"><span class="yuan"></span><span>初始预付款</span></span
      ><span>5000</span>
    </div>
    <div class="each">
      <span class="f-s"
        ><span
          ><span class="icon icon1"
            ><img
              src=""
              alt="" /></span></span
        ><span>初始预付款</span></span
      ><span>11.1000</span>
    </div>
    <div class="each">
      <span class="f-s"
        ><span
          ><span class="icon"
            ><img
              src=""
              alt="" /></span></span
        ><span>初始预付款</span></span
      ><span>10000</span>
    </div>
    <div class="each">
      <span class="f-s"
        ><span
          ><span class="icon"
            ><img
              src=""
              alt="" /></span></span
        ><span>最低买价</span></span
      ><span>10000</span>
    </div>
  </div>
</template>

<style scoped lang="scss">
.content {
  padding: 10px;
}

.content .each {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 0.96rem;
}

.content .each span {
  color: #aaa8a8;
}

.content .each .f-s {
  display: flex;
  align-items: center;
}

.content .each .yuan {
  display: inline-block;
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  background: #8a8a8a;
  margin-right: 0.26667rem;
}

.content .each .icon {
  font-size: 0.32rem;
  margin-right: 0.26667rem;
}

.content .each .icon img {
  width: 0.32rem;
  height: 0.32rem;
  vertical-align: -0.08rem;
}

.content .each .icon1 img {
  transform: rotate(180deg);
}
</style>
